
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>我的办公用品申请单</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
      .card div{
            float: left;
            width: 228px;
            height: 160px;
            background-color: #fff;
            border: 1px solid #c3c9cc;
            margin: 1% 0.6% 0 1.5%;
            text-align: left;
            padding-left: 10px;
            padding-top: 15px;
            position: relative;
            box-sizing: border-box;
            display: inline-block;
      }
      .maillistName{
        color: #0d79cc;
       font-size: 18px;
      }
      .card div span {
    display: block;
    line-height: 12px;
    }
  .maillistPos {
    position: absolute;
    top: 22%;
  }
  .maillistWx {
    position: absolute;
    top: 42%;
    }
  .maillistNum {
    font-size: 18px;
    position: absolute;
    top: 70%;
}
.maillistMail {
    position: absolute;
    top: 85%;
}
.card div img {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 7%;
    right: 7%;
    vertical-align: middle;
}
.maillistHr
{
      width: 89%;
    color: #0d79cc;
    border-style: dashed;
    margin: 8px 0 8px 1px;
    position: absolute;
    top: 55%;
   border-width: 2px
}
    </style>

</head>

<body class="white-bg" style="padding: 3px;font-size: 13px">
    <div class="page-heade">
       <h2 class="title_color text-center">生日提醒设置</h2>
    </div>
    <form action="" class="form-inline" id="reset">
        <table class="table table-bordered bud_hei">
           <tr>
              <td>姓名：</td>
              <td><input type="text" class="form-control" name="" id=""></td>
              <td>部门：</td>
              <td><input type="text" class="form-control" name="" id=""></td>
              <td>月份:</td>
              <td>
                <select name="" id="" class="form-control select">
                  <option value="0"></option>
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
                  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
                  <option value="10">10</option>
                  <option value="11">11</option>
                  <option value="12">12</option>
                </select>
                <span class="lr "></span>

              </td>
           </tr>
           <tr>
              <td colspan="6" class="text-center"> <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空</button><span class="lr_5"></span><a href="javascript:;" class="btn btn-sm btn-info">导出Excel</a></td>
            </tr>
            <tr>
              <td colspan="6">
                <span class="glyphicon glyphicon-bell" aria-hidden="true" style="color:red;font-size: 20px;margin:0 10px 0 10px"></span>
                <span class="colorRed">以下生日提醒将提前15天、7天通过邮件或弹窗形式发送给：</span>
                <span class="colorRed">钟委, 唐海燕, 蔡启豪, 李展翅, 贺俊, 郭海涛, 李强, 何家欣, 何越, 梁清涛, 曾小倩 </span>
                <button class="btn btn-info btn-sm" type="button">更改提醒人</button>
              </td>
            </tr>
        </table>
    </form>
    <div class="ibox-content">
      <div class="padding-10" style="font-size: 16px">生日在<b>2月</b>的同事有<span>1</span>人：</div>
      <div class="padding-10">
      <div class="card col-md-3" id="common_pull_rootElement" >
       
        <div class="biaoshi"><span class="maillistName">李辉</span><span class="maillistPos">华中大区-华中大区销售代表</span><span class="maillistWx">生日：2-23</span><hr class="maillistHr"><span class="maillistNum">13700000000</span><span class="maillistMail"></span><img src="__STATIC__/layout/img/top_moRenTouXiang.png"></div></div>
       <div id="showMoreDiv" class="text-center"><div class="text-center" width="100%;" style="font-size:18px; color:#999999; margin:15px 0">没有更多了...</div></div>
      </div>
    </div>
  
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>

<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    
  $(document).ready(function () {
        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   


</script>
</body>

</html>